<template>
  <el-card class="form-container" shadow="never">
    <el-form :model="workorderList"
             :rules="rules"
             :inline="true"
             ref="workorderListFrom"
             label-width="150px">

      <!--<div>-->
        <!--<el-form-item label="客户姓名：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.customername">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="性别：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="性别"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.sex">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
      <!--</div>-->
      <!--<div>-->
        <!--<el-form-item label="证件类型：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.certificatetype">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="证件号码：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.centificatenumber">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
      <!--</div>-->
      <!--<div>-->
        <!--<el-form-item label="手机号：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.telephone">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="微信白名单：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.wechatwhite">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="QQ白名单：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.qqwhile">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
      <!--</div>-->
      <!--<div>-->
        <!--<el-form-item label="开户渠道：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.openchannel">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="客群分类：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.customertype">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
      <!--</div>-->
      <div>
        <el-form-item label="进线渠道：">
          <span>{{workorderList.comeinchannel}}</span>
        </el-form-item>
        <el-form-item label="来电号码：">
          <span>{{workorderList.callphone}}</span>
        </el-form-item>
      </div>
      <!--<div>-->
        <!--<el-form-item label="处理时效：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.periods">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="紧急程度：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.urgelevel">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="问题类型：">-->
          <!--<el-input-->
            <!--size="small" style="width: 10vw"-->
            <!--placeholder="请输入内容"-->
            <!--suffix-icon="el-icon-date"-->
            <!--v-model="workorderList.problemtype">-->
          <!--</el-input>-->
        <!--</el-form-item>-->
      <!--</div>-->
    </el-form>
  </el-card>
</template>

<script>
  import axios from 'axios';
  export default {
    name: "ComeinInfo",
    data() {
      return {
        id:"",
        workorderList: {
          customername: '',
          sex: '',
          certificatetype: '',
          centificatenumber: '',
          telephone: '',
          wechatwhite: '',
          qqwhile: '',
          openchannel: '',
          customertype: '',
          comeinchannel: '',
          telephone: '',
          periods: '',
          urgelevel: '',
          problemtype: ''
        }
      }
    },
    mounted(){
      // console.log(this.$route.query.id+";;;;;")
      // console.log(this.id + "ComeinInfo打印ID ,mounted")
      // console.log(this.$route.query.id + "ComeinInfo打印route")
      this.id = this.$route.query.id;
      let params = new URLSearchParams();
      params.append("id",this.id);
      console.log(this.id + "打印ID");
      axios.post("/api/orderDetail/info",params)
        .then((res)=>{
          console.log(res);
          this. workorderList=res.data.data
        })

    },created(){
      // console.log(this.id + "ComeinInfo打印ID,created")
      // console.log(this.$route.query.id + "ComeinInfo打印route")
    }
  }
</script>

<style scoped>

</style>
